<!doctype html>



<html lang="vn">
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" media="all" href="style.css" />

<link rel="stylesheet" href="css/jquery-ui.css" />
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui.js"></script>
<script>
	$(function() {
		$("#tabs").tabs(); 
		
	});
</script>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">

$(document).ready(function() {

	$(".tab_content").hide();
	$(".tab_content:first").show(); 

	$("ul.tabs li").click(function() {
		$("ul.tabs li").removeClass("active");
		$(this).addClass("active");
		$(".tab_content").hide();
		var activeTab = $(this).attr("rel"); 
		$("#"+activeTab).fadeIn(); 
	});
});

</script>
</head>
<body>
	<div id="main_body">
		<div class="menu_left">
			<div class="button_big_left">
				<img class="image_button" src="images/button_big.png" alt=""/> <img
					class="image_button" src="images/button_big.png" alt=""/> <img
					class="image_button" src="images/button_big.png" alt=""/>
			</div>
			<div class="plugin_1">
				<img src="images/youtube.png" />
			</div>

			<div class="facebook_like_box">
				<iframe
					src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebookDevelopers&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=true&amp;header=false"
					scrolling="no" frameborder="0"
					style="border: none; overflow: hidden; width: 250px; height: 258px;"
					allowTransparency="true"></iframe>
			</div>
		</div>
		<div class="main_content">
			<div id="tabs" style="width: 100%;">
				<ul>
					<li><a href="#tabs-1">Tin tức</a>
					</li>
					<li><a href="#tabs-2">Sự kiện</a>
					</li>
					<li><a href="#tabs-3">Diễn đàn</a>
					</li>
					<li><a href="#tabs-4">Hỗ trợ</a>
					</li>
				</ul>
				<div id="tabs-1">
					<p>Tin tức.</p>
				</div>
				<div id="tabs-2">
					<p>Sự kiện.</p>
				</div>
				<div id="tabs-3">
					<p>Diễn đàn.</p>
				</div>
				<div id="tabs-4">
					<p>Hỗ trợ.</p>
				</div>
			</div>
			<div class="clear"></div>
			<div class="slide_panel">
				<img class="image_slide"  src="images/cate_1.png" alt="cate1"/>
				<img class="image_slide"  src="images/cate_2.png" alt="cate2"/>
				<img class="image_slide"  src="images/cate_3.png" alt="cate3"/>
			</div>
			<div class="clear"></div>
			 <div class="tab_container">

					<div id="tab_1" class="tab_content_2">

						<p><div class="content_">
							<div class="content_title">Ngày đầu ra mắt thu hơn 2 tỉ</div>
								<div class="content_date">16.06.2013</div>
								<div class="content_details">
									<div class="content_images">
										<img src="images/img1.png" alt="" />
									</div>
									<div class="content_description"></div>
								</div>
							</div>
						</p>
						

					</div>
					<!-- #tab1 -->
					<div id="tab_2" class="tab_content">

						<p>
							<img src="images/mortal combat.jpg"> <br /> <strong>
								Mortal Kombat returns after a lengthy hiatus and puts players
								back into the Tournament for 2D fighting with gruesome combat. </strong>
						</p>

					</div>
					<!-- #tab2 -->
					<div id="tab_3" class="tab_content">

						<p>
							<img src="images/halo.jpg"> <br /> <strong> Halo:
								Reach is the culmination of the superlative combat, sensational
								multiplayer, and seamless online integration that are the
								hallmarks of this superb series. </strong>
						</p>

					</div>
					<!-- #tab3 -->
					<div id="tab_4" class="tab_content">

						<p>
							<img src="images/portal.jpg"> <br /> <strong>
								Portal 2 is an action shooter game from Valve Software that
								draws from the original formula of innovative gameplay, story,
								and music, which earned the original Portal more than 70
								industry accolades. </strong>
						</p>

					</div>
					<!-- #tab4 -->

				</div>
			<div class="clear"></div>
		</div>
	</div>

	</div>


</body>
</html>